<template>
	<div id="tab">
	<router-link tag="div" class='tab-item' to="/ticket">
		<i class="iconfont icon-goupiao"></i>
		<span class="tab-link">购票</span>
	</router-link>
	<router-link tag="div" class='tab-item' to="/riding">
		<i class="iconfont icon-chengche"></i>
		<span class="tab-link">乘车</span>
	</router-link>
	<router-link tag="div" class='tab-item' to="/mine">
		<i class="iconfont icon-wode"></i>
		<span class="tab-link">我的</span>
	</router-link>
	</div>
</template>

<script>
</script>

<style>
	#tab{
		display: flex;
		height: 58px;
		font-size: 3vh;
		line-height: 58px;
		margin-top: 580px;
		border-top: 2px solid gainsboro;
	}
	.tab-item{
		flex: 2;
		text-align: center;
	}
	.tab-link{
		padding-bottom:1vh;
		color: gray;
	}
	.router-link-active span{
		color: red;
	}

</style>